﻿<template>
  <div id="wrapper">
    <div id="scroller" v-html="inputValue">
     {{inputValue}}
    </div>
  </div>
</template>

<script>
  //  import '../../static/sprite_img/new_nav.css';
  import  "../../../static/css/gift/last_box_gift.css"
  import {mapState, mapMutations, mapActions} from 'vuex'
  import IScroll from "iscroll";
  import Vue from "vue";
  export default {
    name: 'iscroll',
    data () {
      return {
        menu_list: this.$store.getters.get_footer_menu_list,
        sign_c: true,
        html:"inner_scroll"
      }
    },
    props: {
      inputValue: String
    },
    computed: mapState([
      'footer_menu_list'
    ]),
    methods: {
      ...mapActions(['redirect']),
    },
    mounted: function() {
      let myScroll = new IScroll('#wrapper');
    },
    get_inner_html() {
      this.html = "222";
    }
  }
</script>
<!--inner style for thom template-->
<style scoped>
  body {
    /* On modern browsers, prevent the whole page to bounce */
    overflow: hidden;
  }

  #wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* Prevent native touch events on Windows */
    -ms-touch-action: none;
    /* Prevent the callout on tap-hold and text selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Prevent text resize on orientation change, useful for web-apps */
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
  }

  #scroller {
    position: absolute;
    /* Prevent elements to be highlighted on tap */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    /* Put the scroller into the HW Compositing layer right from the start */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  
  }
  /*certain btn e*/
</style>
